﻿<!doctype html>
<html class="no-js" lang="en-US">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Shop || Moon</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Fav Icon
	============================================ -->
	<link id="favicon" rel="icon" type="image/png" href="img/favicon.ico" />
	<!-- Google web fonts
	============================================ -->
	<link href='http://fonts.useso.com/css?family=Libre+Baskerville:400,400italic,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Playfair+Display:400,400italic,700italic,900italic,900,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
	<!-- Style Import CSS
	============================================ -->
	<link rel="stylesheet" type="text/css" href="css/custom-style.css" />
	<!-- RS-slider CSS
	============================================ -->
	<link rel="stylesheet" type="text/css" href="lib/rs-plugin/css/settings.css" media="screen" />
	
	<!-- Modernizr JS
	============================================ -->
	<script src="js/vendor/modernizr-2.8.3.min.js"></script>
	
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Header Top
============================================ -->
<div class="header-top">
	<div class="container">
		<div class="row">
			<!-- Header Top Left -->
			<div class="header-top-left col-sm-6">
				<ul class="header-login-reg float-left">
					<li><a href="#">Log in</a></li>
					<li><a href="#">Register</a></li>
				</ul>
			</div>
			<!-- Header Top Right -->
			<div class="header-top-right col-sm-6">
				<ul class="language-currency float-right">
					<li><a href="#">ENG <i class="mo-arrow-down"></i></a>
						<ul>
							<li><a href="#">English</a></li>
							<li><a href="#">French</a></li>
							<li><a href="#">Spanish</a></li>
						</ul>
					</li>
					<li><a href="#">USD <i class="mo-arrow-down"></i></a>
						<ul>
							<li><a href="#">Usd</a></li>
							<li><a href="#">Uro</a></li>
							<li><a href="#">Gbp</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- Header Bottom
============================================ -->
<div class="header-bottom">
	<div class="container">
		<div class="row">
			<!-- Header Logo -->
			<div class="logo col-md-2 col-sm-4 col-xs-5"><a href="index.html"><img src="img/logo.png" alt="logo" /></a></div>
			<!-- Main Menu -->
			<div class="main-menu col-md-7 hidden-sm hidden-xs">
				<nav>
					<ul>
						<li class="active"><a href="index.html">Home</a>
							<!-- Sub Menu -->
							<ul class="sub-menu">
								<li><a href="index.html">Home One</a></li>
								<li><a href="index-2.html">Home Two</a></li>
								<li><a href="index-3.html">Home Three</a></li>
							</ul>
						</li>
						<li><a href="shop.html">shop</a>
							<!-- Mega Menu -->
							<div class="mega-menu mega-menu1">
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">Accessories</a></li>
										<li><a href="shop.html">Leather</a></li>
										<li><a href="shop.html">Sunglasses</a></li>
										<li><a href="shop.html">Belts</a></li>
										<li><a href="shop.html">Rings</a></li>
										<li><a href="shop.html">Sweaters</a></li>
										<li><a href="shop.html">Bags & Persess</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">Men's Wear</a></li>
										<li><a href="shop.html">Shirts & tops</a></li>
										<li><a href="shop.html">Dresses</a></li>
										<li><a href="shop.html">Swimwear</a></li>
										<li><a href="shop.html">Jeans</a></li>
										<li><a href="shop.html">Shoes</a></li>
										<li><a href="shop.html">Sweaters</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">WoMen's Wear</a></li>
										<li><a href="shop.html">Party Dress</a></li>
										<li><a href="shop.html">T-Shirt</a></li>
										<li><a href="shop.html">Jeans & Trousers</a></li>
										<li><a href="shop.html">Jacket & Coats</a></li>
										<li><a href="shop.html">Sweaters</a></li>
										<li><a href="shop.html">Nightwear</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column2">
									<a href="#" class="menu-image"><img src="img/menu-image.png" alt="" /></a>
								</div>
							</div>
						</li>
						<li><a href="#">pages</a>
							<!-- Sub Menu -->
							<ul class="sub-menu">
								<li><a href="cart.html">Cart</a></li>
								<li><a href="checkout.html">Checkout</a></li>
								<li><a href="order-complete.html">Order Complete</a></li>
								<li><a href="wishlist.html">Wishlist</a></li>
								<li><a href="product-details-1.html">Product Details</a>
									<ul class="sub-menu-2">
										<li><a href="product-details-1.html">Style  1</a></li>
										<li><a href="product-details-2.html">Style  2</a></li>
									</ul>
								</li>
								<li><a href="shop.html">Shop</a>
									<ul class="sub-menu-2">
										<li><a href="shop.html">Shop Left Sidebar</a></li>
										<li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
										<li><a href="shop-without-banner.html">Shop Without Banner</a></li>
										<li><a href="shop-list.html">Shop List</a></li>
										<li><a href="shop-two-column.html">Shop 2 Column</a></li>
										<li><a href="shop-three-column.html">Shop 3 Column</a></li>
										<li><a href="shop-four-column.html">Shop 4 Column</a></li>
									</ul>
								</li>
								<li><a href="single-blog.html">Single Blog</a></li>
								<li><a href="single-page.html">Single Page</a></li>
								<li><a href="404.html">404 Page</a></li>
							</ul>
						</li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="contact.html">contact</a></li>
					</ul>
				</nav>
			</div>
			<!-- Header Search & Cart -->
			<div class="search-cart col-md-3 col-md-offset-0 col-sm-5 col-sm-offset-3 col-xs-7">
				<!-- Header Cart -->
				<div class="header-cart float-right">
					<button class="cart-btn"><i class="mo-cart"></i><span class="cart-number">2</span></button>
					<div class="headercart-wrapper">
						<h2>Shopping Cart</h2>
						<ul class="products">
							<li>
								<a href="#" class="image float-left"><img src="img/header-cart/1.jpg" alt="" /></a>
								<div class="content fix">
									<h3><a href="#">Skinny Jeans</a></h3>
									<span>Color: Philipha Wash</span>
									<p class="price">$ 99 x 1</p>
								</div>
								<a href="#" class="remove"><i class="mo-cross-rounde"></i></a>
							</li>
							<li>
								<a href="#" class="image float-left"><img src="img/header-cart/2.jpg" alt="" /></a>
								<div class="content fix">
									<h3><a href="#">Eyewear Sunglasses</a></h3>
									<span>Color: Philipha Wash</span>
									<p class="price">$ 199 x 5</p>
								</div>
								<a href="#" class="remove"><i class="mo-cross-rounde"></i></a>
							</li>
						</ul>
						<div class="total-price text-center fix">
							<p>Total</p>
							<span>$ 1094.99</span>
						</div>
						<div class="view-cart text-center fix"><a href="cart.html">View Cart <i class="mo-arrow-right"></i></a></div>
						<div class="cart-footer text-center fix"><a href="checkout.html">Proceed to checkout</a></div>
					</div>
				</div>
				<!-- Header Search -->
				<div class="header-search float-right">
					<button class="search-btn"><i class="mo-search"></i></button>
					<form action="#" class="search-form">
						<input type="text" placeholder="Search..." />
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Mobile Menu
============================================ -->
<div class="mobile-menu hidden-lg hidden-md fix">
	<nav>
		<ul>
			<li><a href="index.html">Home</a>
				<!-- Sub Menu -->
				<ul>
					<li><a href="index.html">Home One</a></li>
					<li><a href="index-2.html">Home Two</a></li>
					<li><a href="index-3.html">Home Three</a></li>
				</ul>
			</li>
			<li><a href="shop.html">shop</a>
				<ul>
					<li><a href="#">Accessories</a>
						<ul>
							<li><a href="shop.html">Leather</a></li>
							<li><a href="shop.html">Sunglasses</a></li>
							<li><a href="shop.html">Belts</a></li>
							<li><a href="shop.html">Rings</a></li>
							<li><a href="shop.html">Sweaters</a></li>
							<li><a href="shop.html">Bags & Persess</a></li>
						</ul>
					</li>
					<li><a href="#">Men's Wear</a>
						<ul>
							<li><a href="shop.html">Shirts & tops</a></li>
							<li><a href="shop.html">Dresses</a></li>
							<li><a href="shop.html">Swimwear</a></li>
							<li><a href="shop.html">Jeans</a></li>
							<li><a href="shop.html">Shoes</a></li>
							<li><a href="shop.html">Sweaters</a></li>
						</ul>
					</li>
					<li><a href="#">WoMen's Wear</a>
						<ul>
							<li><a href="shop.html">Party Dress</a></li>
							<li><a href="shop.html">T-Shirt</a></li>
							<li><a href="shop.html">Jeans & Trousers</a></li>
							<li><a href="shop.html">Jacket & Coats</a></li>
							<li><a href="shop.html">Sweaters</a></li>
							<li><a href="shop.html">Nightwear</a></li>
						</ul>
					</li>
				</ul>
			</li>
			<li><a href="#">pages</a>
				<!-- Sub Menu -->
				<ul>
					<li><a href="cart.html">Cart</a></li>
					<li><a href="checkout.html">Checkout</a></li>
					<li><a href="order-complete.html">Order Complete</a></li>
					<li><a href="wishlist.html">Wishlist</a></li>
					<li><a href="product-details-1.html">Product Details</a>
						<ul>
							<li><a href="product-details-1.html">Style  1</a></li>
							<li><a href="product-details-2.html">Style  2</a></li>
						</ul>
					</li>
					<li><a href="shop.html">Shop</a>
						<ul>
							<li><a href="shop.html">Shop Left Sidebar</a></li>
							<li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
							<li><a href="shop-without-banner.html">Shop Without Banner</a></li>
							<li><a href="shop-list.html">Shop List</a></li>
							<li><a href="shop-two-column.html">Shop 2 Column</a></li>
							<li><a href="shop-three-column.html">Shop 3 Column</a></li>
							<li><a href="shop-four-column.html">Shop 4 Column</a></li>
						</ul>
					</li>
					<li><a href="single-blog.html">Single Blog</a></li>
					<li><a href="404.html">404 Page</a></li>
				</ul>
			</li>
			<li><a href="blog.html">Blog</a></li>
			<li><a href="contact.html">contact</a></li>
		</ul>
	</nav>
</div>
<!-- Shop Page Banner
============================================ -->
<div class="shop-page-banner">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<h2>Get youself a</h2>
				<h1>Christmas Gift</h1>
				<a href="#">See Collection</a>
			</div>
		</div>
	</div>
</div>
<!-- Shop Sideabr Product Container
============================================ -->
<div class="shop-page">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-4 col-xs-12 shop-sidebar">
				<!-- Shop Single Sidebar Category -->
				<div class="sin-shop-sidebar">
					<div class="title fix">
						<h4>Categories</h4>
						<a href="#">all</a>
					</div>
					<!-- treeview start -->
					<div id="cat-treeview" class="product-cat">
						<ul>
							<li class="closed"><a href="#">Men</a>
								<ul>
									<li><a href="#">T-Shirts</a></li>
									<li><a href="#">Striped Shirts</a></li>
									<li><a href="#">Half Shirts</a></li>
									<li><a href="#">Formal Shirts</a></li>
									<li><a href="#">Bilazers</a></li>
									<li><a href="#">Jackets</a></li>
									<li><a href="#">Jeans</a></li>
								</ul>
							</li>										
							<li class="closed"><a href="#">WoMen</a>
								<ul>
									<li><a href="#">T-Shirts</a></li>
									<li><a href="#">Striped Shirts</a></li>
									<li><a href="#">Half Shirts</a></li>
									<li><a href="#">Formal Shirts</a></li>
									<li><a href="#">Bilazers</a></li>
									<li><a href="#">Jackets</a></li>
									<li><a href="#">Jeans</a></li>
								</ul>
							</li>
							<li class="open"><a href="#">Accessories</a>
								<ul>
									<li><a href="#">Footwear</a></li>
									<li><a href="#">Sunglasses</a></li>
									<li><a href="#">Watches</a></li>
									<li><a href="#">Utilities</a></li>
								</ul>
							</li>
							<li class="closed"><a href="#">Jewelry</a>
								<ul>
									<li><a href="#">Footwear</a></li>
									<li><a href="#">Sunglasses</a></li>
									<li><a href="#">Watches</a></li>
									<li><a href="#">Utilities</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<!-- Shop Single Sidebar Price -->
				<div class="sin-shop-sidebar">
					<div class="title fix">
						<h4>Price</h4>
					</div>
					<!-- Price Range Slide -->
					<div class="price-range-wrap">
						<p>You Range<input type="text" id="price-amount" readonly></p>
						<div id="slider-range"></div>
					</div>
				</div>
				<!-- Shop Single Sidebar Colors -->
				<div class="sin-shop-sidebar">
					<div class="title fix">
						<h4>Colors</h4>
						<a href="#">all</a>
					</div>
					<!-- Product Color -->
					<div class="product-color">
						<ul>
							<li><a href="#"><span class="color color-black"></span> Black</a></li>
							<li><a href="#"><span class="color color-pink"></span> Pink</a></li>
							<li><a href="#"><span class="color color-blue"></span> Blue</a></li>
							<li><a href="#"><span class="color color-gold"></span> Gold</a></li>
							<li><a href="#"><span class="color color-brown"></span> Brown</a></li>
							<li><a href="#"><span class="color color-purple"></span> Purple</a></li>
							<li><a href="#"><span class="color color-green"></span> Green</a></li>
							<li><a href="#"><span class="color color-red"></span> Red</a></li>
							<li><a href="#"><span class="color color-orange"></span> Orange</a></li>
							<li><a href="#"><span class="color color-white"></span> White</a></li>
						</ul>
					</div>
				</div>
				<!-- Shop Single Sidebar Size -->
				<div class="sin-shop-sidebar">
					<div class="title fix">
						<h4>Clothing Sizes</h4>
						<a href="#">all</a>
					</div>
					<!-- Product Size -->
					<div class="product-sizes">
						<ul>
							<li><a href="#">s</a></li>
							<li><a href="#">m</a></li>
							<li><a href="#">l</a></li>
							<li><a href="#">xl</a></li>
							<li><a href="#">xxl</a></li>
						</ul>
					</div>
				</div>
				<!-- Shop Single Sidebar Brands -->
				<div class="sin-shop-sidebar">
					<div class="title fix">
						<h4>Brands</h4>
						<a href="#">all</a>
					</div>
					<!-- Product Brands -->
					<div class="product-brand">
						<ul>
							<li><a href="#">Armani Jeans</a></li>
							<li><a href="#">Ecko Untld.</a></li>
							<li><a href="#">Custo</a></li>
							<li><a href="#">Caramell</a></li>
							<li><a href="#">Addidas</a></li>
							<li><a href="#">Gucci</a></li>
							<li><a href="#">Polo</a></li>
							<li><a href="#">Armani Jeans</a></li>
							<li><a href="#">Ecko Untld.</a></li>
							<li><a href="#">Custo</a></li>
							<li><a href="#">Caramell</a></li>
							<li><a href="#">Addidas</a></li>
							<li><a href="#">Gucci</a></li>
							<li><a href="#">Polo</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-9 col-md-8 col-xs-12 shop-products">
				<div class="row">
					<!-- Top Tool Bar -->
					<div class="col-xs-12">
						<div class="shop-top-toolbar">
							<ul class="view-mode float-left">
								<li class="active"><a href="#grid-view" data-toggle="tab"><i class="mo-grid"></i></a></li>
								<li><a href="#list-view" data-toggle="tab"><i class="mo-list"></i></a></li>
							</ul>
							<p class="float-right">Showing 1–9 of 17 results</p>
						</div>
					</div>
					<div class="tab-content col-xs-12">
						<div class="tab-pane row active" id="grid-view">
							<!-- Single Product -->
							<div class="col-lg-4 col-sm-6">
								<div class="sin-product">
									<!-- Product Image -->
									<div class="pro-image">
										<a href="#"><img src="img/product/6.jpg" alt="product" /></a>
										<!-- Product Hover Content -->
										<div class="pro-hover fix" style="background-image: url('img/product/6.jpg');">
											<!-- Product Hover Action -->
											<div class="pro-hover-action animated text-center">
												<button class="add-cart pro-action"><i class="mo-cart"></i></button>
												<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
												<button class="wishlist pro-action"><i class="mo-heart"></i></button>
											</div>
											<!-- Product Hover Options -->
											<div class="pro-hover-option">
												<!-- product Size -->
												<div class="pro-size fix">
													<h4>Sizes:</h4>
													<ul>
														<li>s</li>
														<li>xs</li>
														<li>m</li>
														<li>l</li>
														<li>xl</li>
														<li>xxl</li>
													</ul>
												</div>
												<!-- product Color -->
												<div class="pro-color fix">
													<h4>Colors:</h4>
													<ul>
														<li class="blue">b</li>
														<li class="orange">o</li>
														<li class="green">g</li>
														<li class="purple">p</li>
														<li class="pink">p</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<!-- Product Content -->
									<div class="pro-content">
										<div class="top fix">
											<h3><a href="#">Settle Jute Bag</a></h3>
											<p class="price float-right">$ 256</p>
										</div>
										<div class="bottom fix">
											<a href="#" class="pro-cat float-left">Utilites</a>
											<div class="ratting float-right">
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star"></i>
												<i class="mo-star star"></i>
												<i class="mo-star star"></i>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- Single Product -->
							<div class="col-lg-4 col-sm-6">
								<div class="sin-product">
									<!-- Product Image -->
									<div class="pro-image">
										<a href="#"><img src="img/product/7.jpg" alt="product" /></a>
										<!-- Product Hover Content -->
										<div class="pro-hover fix" style="background-image: url('img/product/7.jpg');">
											<!-- Product Hover Action -->
											<div class="pro-hover-action animated text-center">
												<button class="add-cart pro-action"><i class="mo-cart"></i></button>
												<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
												<button class="wishlist pro-action"><i class="mo-heart"></i></button>
											</div>
											<!-- Product Hover Options -->
											<div class="pro-hover-option">
												<!-- product Size -->
												<div class="pro-size fix">
													<h4>Sizes:</h4>
													<ul>
														<li>s</li>
														<li>xs</li>
														<li>m</li>
														<li>l</li>
														<li>xl</li>
														<li>xxl</li>
													</ul>
												</div>
												<!-- product Color -->
												<div class="pro-color fix">
													<h4>Colors:</h4>
													<ul>
														<li class="blue">b</li>
														<li class="orange">o</li>
														<li class="green">g</li>
														<li class="purple">p</li>
														<li class="pink">p</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<!-- Product Content -->
									<div class="pro-content">
										<div class="top fix">
											<h3><a href="#">Binchotan Mask</a></h3>
											<p class="price float-right">$ 99</p>
										</div>
										<div class="bottom fix">
											<a href="#" class="pro-cat float-left">Beauty</a>
											<div class="ratting float-right">
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star"></i>
												<i class="mo-star star"></i>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- Single Product -->
							<div class="col-lg-4 col-sm-6">
								<div class="sin-product">
									<!-- Product Image -->
									<div class="pro-image">
										<a href="#"><img src="img/product/8.jpg" alt="product" /></a>
										<!-- Product Hover Content -->
										<div class="pro-hover fix" style="background-image: url('img/product/8.jpg');">
											<!-- Product Hover Action -->
											<div class="pro-hover-action animated text-center">
												<button class="add-cart pro-action"><i class="mo-cart"></i></button>
												<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
												<button class="wishlist pro-action"><i class="mo-heart"></i></button>
											</div>
											<!-- Product Hover Options -->
											<div class="pro-hover-option">
												<!-- product Size -->
												<div class="pro-size fix">
													<h4>Sizes:</h4>
													<ul>
														<li>s</li>
														<li>xs</li>
														<li>m</li>
														<li>l</li>
														<li>xl</li>
														<li>xxl</li>
													</ul>
												</div>
												<!-- product Color -->
												<div class="pro-color fix">
													<h4>Colors:</h4>
													<ul>
														<li class="blue">b</li>
														<li class="orange">o</li>
														<li class="green">g</li>
														<li class="purple">p</li>
														<li class="pink">p</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<!-- Product Content -->
									<div class="pro-content">
										<div class="top fix">
											<h3><a href="#">Dolce Scarf</a></h3>
											<p class="price float-right">$ 25</p>
										</div>
										<div class="bottom fix">
											<a href="#" class="pro-cat float-left">Fashion</a>
											<div class="ratting float-right">
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star"></i>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- Single Product -->
							<div class="col-lg-4 col-sm-6">
								<div class="sin-product">
									<!-- Product Image -->
									<div class="pro-image">
										<a href="#"><img src="img/product/10.jpg" alt="product" /></a>
										<!-- Product Hover Content -->
										<div class="pro-hover fix" style="background-image: url('img/product/10.jpg');">
											<!-- Product Hover Action -->
											<div class="pro-hover-action animated text-center">
												<button class="add-cart pro-action"><i class="mo-cart"></i></button>
												<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
												<button class="wishlist pro-action"><i class="mo-heart"></i></button>
											</div>
											<!-- Product Hover Options -->
											<div class="pro-hover-option">
												<!-- product Size -->
												<div class="pro-size fix">
													<h4>Sizes:</h4>
													<ul>
														<li>s</li>
														<li>xs</li>
														<li>m</li>
														<li>l</li>
														<li>xl</li>
														<li>xxl</li>
													</ul>
												</div>
												<!-- product Color -->
												<div class="pro-color fix">
													<h4>Colors:</h4>
													<ul>
														<li class="blue">b</li>
														<li class="orange">o</li>
														<li class="green">g</li>
														<li class="purple">p</li>
														<li class="pink">p</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<!-- Product Content -->
									<div class="pro-content">
										<div class="top fix">
											<h3><a href="#">Cowboy Hat</a></h3>
											<p class="price float-right">$ 256</p>
										</div>
										<div class="bottom fix">
											<a href="#" class="pro-cat float-left">Skinny Fit </a>
											<div class="ratting float-right">
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star"></i>
												<i class="mo-star star"></i>
												<i class="mo-star star"></i>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- Single Product -->
							<div class="col-lg-4 col-sm-6">
								<div class="sin-product">
									<!-- Product Image -->
									<div class="pro-image">
										<a href="#"><img src="img/product/11.jpg" alt="product" /></a>
										<!-- Product Hover Content -->
										<div class="pro-hover fix" style="background-image: url('img/product/11.jpg');">
											<!-- Product Hover Action -->
											<div class="pro-hover-action animated text-center">
												<button class="add-cart pro-action"><i class="mo-cart"></i></button>
												<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
												<button class="wishlist pro-action"><i class="mo-heart"></i></button>
											</div>
											<!-- Product Hover Options -->
											<div class="pro-hover-option">
												<!-- product Size -->
												<div class="pro-size fix">
													<h4>Sizes:</h4>
													<ul>
														<li>s</li>
														<li>xs</li>
														<li>m</li>
														<li>l</li>
														<li>xl</li>
														<li>xxl</li>
													</ul>
												</div>
												<!-- product Color -->
												<div class="pro-color fix">
													<h4>Colors:</h4>
													<ul>
														<li class="blue">b</li>
														<li class="orange">o</li>
														<li class="green">g</li>
														<li class="purple">p</li>
														<li class="pink">p</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<!-- Product Content -->
									<div class="pro-content">
										<div class="top fix">
											<h3><a href="#">Jamaica Sweater</a></h3>
											<p class="price float-right">$ 99</p>
										</div>
										<div class="bottom fix">
											<a href="#" class="pro-cat float-left">Womens wear</a>
											<div class="ratting float-right">
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star"></i>
												<i class="mo-star star"></i>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- Single Product -->
							<div class="col-lg-4 col-sm-6">
								<div class="sin-product">
									<!-- Product Image -->
									<div class="pro-image">
										<a href="#"><img src="img/product/12.jpg" alt="product" /></a>
										<!-- Product Hover Content -->
										<div class="pro-hover fix" style="background-image: url('img/product/12.jpg');">
											<!-- Product Hover Action -->
											<div class="pro-hover-action animated text-center">
												<button class="add-cart pro-action"><i class="mo-cart"></i></button>
												<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
												<button class="wishlist pro-action"><i class="mo-heart"></i></button>
											</div>
											<!-- Product Hover Options -->
											<div class="pro-hover-option">
												<!-- product Size -->
												<div class="pro-size fix">
													<h4>Sizes:</h4>
													<ul>
														<li>s</li>
														<li>xs</li>
														<li>m</li>
														<li>l</li>
														<li>xl</li>
														<li>xxl</li>
													</ul>
												</div>
												<!-- product Color -->
												<div class="pro-color fix">
													<h4>Colors:</h4>
													<ul>
														<li class="blue">b</li>
														<li class="orange">o</li>
														<li class="green">g</li>
														<li class="purple">p</li>
														<li class="pink">p</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<!-- Product Content -->
									<div class="pro-content">
										<div class="top fix">
											<h3><a href="#">Addidas Leather</a></h3>
											<p class="price float-right">$ 25</p>
										</div>
										<div class="bottom fix">
											<a href="#" class="pro-cat float-left">Mens shoe</a>
											<div class="ratting float-right">
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star"></i>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- Single Product -->
							<div class="col-lg-4 col-sm-6">
								<div class="sin-product">
									<!-- Product Image -->
									<div class="pro-image">
										<a href="#"><img src="img/product/5.jpg" alt="product" /></a>
										<span class="pro-label great-deal">great deals</span>
										<!-- Product Hover Content -->
										<div class="pro-hover fix" style="background-image: url('img/product/5.jpg');">
											<!-- Product Hover Action -->
											<div class="pro-hover-action animated text-center">
												<button class="add-cart pro-action"><i class="mo-cart"></i></button>
												<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
												<button class="wishlist pro-action"><i class="mo-heart"></i></button>
											</div>
											<!-- Product Hover Options -->
											<div class="pro-hover-option">
												<!-- product Size -->
												<div class="pro-size fix">
													<h4>Sizes:</h4>
													<ul>
														<li>s</li>
														<li>xs</li>
														<li>m</li>
														<li>l</li>
														<li>xl</li>
														<li>xxl</li>
													</ul>
												</div>
												<!-- product Color -->
												<div class="pro-color fix">
													<h4>Colors:</h4>
													<ul>
														<li class="blue">b</li>
														<li class="orange">o</li>
														<li class="green">g</li>
														<li class="purple">p</li>
														<li class="pink">p</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<!-- Product Content -->
									<div class="pro-content">
										<div class="top fix">
											<h3><a href="#">Stripped Wool</a></h3>
											<p class="price float-right">$ 46</p>
										</div>
										<div class="bottom fix">
											<a href="#" class="pro-cat float-left">Mens wear</a>
											<div class="ratting float-right">
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- Single Product -->
							<div class="col-lg-4 col-sm-6">
								<div class="sin-product">
									<!-- Product Image -->
									<div class="pro-image">
										<a href="#"><img src="img/product/9.jpg" alt="product" /></a>
										<span class="pro-label great-deal">great deals</span>
										<!-- Product Hover Content -->
										<div class="pro-hover fix" style="background-image: url('img/product/9.jpg');">
											<!-- Product Hover Action -->
											<div class="pro-hover-action animated text-center">
												<button class="add-cart pro-action"><i class="mo-cart"></i></button>
												<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
												<button class="wishlist pro-action"><i class="mo-heart"></i></button>
											</div>
											<!-- Product Hover Options -->
											<div class="pro-hover-option">
												<!-- product Size -->
												<div class="pro-size fix">
													<h4>Sizes:</h4>
													<ul>
														<li>s</li>
														<li>xs</li>
														<li>m</li>
														<li>l</li>
														<li>xl</li>
														<li>xxl</li>
													</ul>
												</div>
												<!-- product Color -->
												<div class="pro-color fix">
													<h4>Colors:</h4>
													<ul>
														<li class="blue">b</li>
														<li class="orange">o</li>
														<li class="green">g</li>
														<li class="purple">p</li>
														<li class="pink">p</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<!-- Product Content -->
									<div class="pro-content">
										<div class="top fix">
											<h3><a href="#">Backel’s Skin Gel</a></h3>
											<p class="price float-right">$ 46</p>
										</div>
										<div class="bottom fix">
											<a href="#" class="pro-cat float-left">Mens Beauty</a>
											<div class="ratting float-right">
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- Single Product -->
							<div class="col-lg-4 col-sm-6">
								<div class="sin-product">
									<!-- Product Image -->
									<div class="pro-image">
										<a href="#"><img src="img/product/13.jpg" alt="product" /></a>
										<!-- Product Hover Content -->
										<div class="pro-hover fix" style="background-image: url('img/product/13.jpg');">
											<!-- Product Hover Action -->
											<div class="pro-hover-action animated text-center">
												<button class="add-cart pro-action"><i class="mo-cart"></i></button>
												<a href="#quick-view" class="quick-view pro-action" data-toggle="modal"><i class="mo-eye"></i></a>
												<button class="wishlist pro-action"><i class="mo-heart"></i></button>
											</div>
											<!-- Product Hover Options -->
											<div class="pro-hover-option">
												<!-- product Size -->
												<div class="pro-size fix">
													<h4>Sizes:</h4>
													<ul>
														<li>s</li>
														<li>xs</li>
														<li>m</li>
														<li>l</li>
														<li>xl</li>
														<li>xxl</li>
													</ul>
												</div>
												<!-- product Color -->
												<div class="pro-color fix">
													<h4>Colors:</h4>
													<ul>
														<li class="blue">b</li>
														<li class="orange">o</li>
														<li class="green">g</li>
														<li class="purple">p</li>
														<li class="pink">p</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
									<!-- Product Content -->
									<div class="pro-content">
										<div class="top fix">
											<h3><a href="#">Seqkl Watch</a></h3>
											<p class="price float-right">$ 119</p>
										</div>
										<div class="bottom fix">
											<a href="#" class="pro-cat float-left">Accssories</a>
											<div class="ratting float-right">
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
												<i class="mo-star star active"></i>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-12 text-center">
								<div class="more-product">
									<a class="shop-link" href="#"><i class="mo-more"></i></a>
								</div>
							</div>
						</div>
						<div class="tab-pane row" id="list-view">
							<div class="sin-product-list fix">
								<div class="list-pro-image col-lg-4 col-sm-5 col-xs-12">
									<a href="#"><img src="img/list-product/1.jpg" alt="product" /></a>
									<span class="list-pro-label">sale</span>
								</div>
								<div class="list-pro-content col-lg-6 col-sm-7 col-xs-12">
									<h2><a href="#">Eurostar Hoodie</a></h2>
									<div class="ratting fix">
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star"></i>
									</div>
									<h3 class="list-pro-price">$ 112</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod aliqua. Ut enim ad minim veniam,</p>
									<p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
									<div class="list-pro-action">
										<button class="add-cart list-action"><i class="mo-cart"></i><span>Add to Cart</span></button>
										<button class="wishlist list-action"><i class="mo-heart"></i></button>
									</div>
								</div>
							</div>
							<div class="sin-product-list fix">
								<div class="list-pro-image col-lg-4 col-sm-5 col-xs-12">
									<a href="#"><img src="img/list-product/2.jpg" alt="product" /></a>
								</div>
								<div class="list-pro-content col-lg-6 col-sm-7 col-xs-12">
									<h2><a href="#">Minrova Sleep Wear</a></h2>
									<div class="ratting fix">
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star"></i>
									</div>
									<h3 class="list-pro-price">$ 128</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod aliqua. Ut enim ad minim veniam,</p>
									<p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
									<div class="list-pro-action">
										<button class="add-cart list-action"><i class="mo-cart"></i><span>Add to Cart</span></button>
										<button class="wishlist list-action"><i class="mo-heart"></i></button>
									</div>
								</div>
							</div>
							<div class="sin-product-list fix">
								<div class="list-pro-image col-lg-4 col-sm-5 col-xs-12">
									<a href="#"><img src="img/list-product/3.jpg" alt="product" /></a>
								</div>
								<div class="list-pro-content col-lg-6 col-sm-7 col-xs-12">
									<h2><a href="#">Print Cutout Top</a></h2>
									<div class="ratting fix">
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star"></i>
									</div>
									<h3 class="list-pro-price">$ 256</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod aliqua. Ut enim ad minim veniam,</p>
									<p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
									<div class="list-pro-action">
										<button class="add-cart list-action"><i class="mo-cart"></i><span>Add to Cart</span></button>
										<button class="wishlist list-action"><i class="mo-heart"></i></button>
									</div>
								</div>
							</div>
							<div class="sin-product-list fix">
								<div class="list-pro-image col-lg-4 col-sm-5 col-xs-12">
									<a href="#"><img src="img/list-product/4.jpg" alt="product" /></a>
								</div>
								<div class="list-pro-content col-lg-6 col-sm-7 col-xs-12">
									<h2><a href="#">Shanos Matte Blue</a></h2>
									<div class="ratting fix">
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star"></i>
									</div>
									<h3 class="list-pro-price">$ 356</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod aliqua. Ut enim ad minim veniam,</p>
									<p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
									<div class="list-pro-action">
										<button class="add-cart list-action"><i class="mo-cart"></i><span>Add to Cart</span></button>
										<button class="wishlist list-action"><i class="mo-heart"></i></button>
									</div>
								</div>
							</div>
							<div class="sin-product-list fix">
								<div class="list-pro-image col-lg-4 col-sm-5 col-xs-12">
									<a href="#"><img src="img/list-product/5.jpg" alt="product" /></a>
								</div>
								<div class="list-pro-content col-lg-6 col-sm-7 col-xs-12">
									<h2><a href="#">Popline Tops</a></h2>
									<div class="ratting fix">
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star active"></i>
										<i class="mo-star star"></i>
									</div>
									<h3 class="list-pro-price">$ 238</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod aliqua. Ut enim ad minim veniam,</p>
									<p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
									<div class="list-pro-action">
										<button class="add-cart list-action"><i class="mo-cart"></i><span>Add to Cart</span></button>
										<button class="wishlist list-action"><i class="mo-heart"></i></button>
									</div>
								</div>
							</div>
							<div class="col-sm-12 text-center">
								<div class="more-product">
									<a class="shop-link" href="#"><i class="mo-more"></i></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Subscribe Area
============================================ -->
<div class="subscribe-area">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 text-center">
				<div class="subscribe-container">
					<!-- Subscribe Text -->
					<div class="subscribe-text fix">
						<h2>Get Notified of any offers!</h2>
						<p>Subscribe to our Newsletter to be notified about promotions</p>
					</div>
					<!-- Subscribe Form -->
					<div class="subscribe-form fix">
						<form action="#" id="subscribe-form">
							<input type="text" placeholder="Your email address" />
							<input type="submit" value="submit" />
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Brand Area
============================================ -->
<div class="brand-area">
	<div class="container">
		<div class="row">
			<div class="col-md-2 col-sm-3">
				<div class="section-title-2"><h1>Top Brands</h1></div>
			</div>
			<div class="col-md-10 col-sm-9 text-center">
				<!-- Brands Slider -->
				<div class="brand-slider">
					<div class="brand-item"><img src="img/brands/1.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/2.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/3.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/4.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/1.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/2.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/3.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/4.png" alt="brand" /></div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Footer Area
============================================ -->
<div class="footer-area">
	<!-- Footer Top -->
	<div class="footer-top">
		<div class="container">
			<div class="row">
				<!-- Footer Widget About -->
				<div class="footer-widget footer-widget-about col-md-3 col-sm-5">
					<img src="img/footer-logo.png" alt="" />
					<p>Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod empor incididunt oloremque laudantium,</p>
					<div class="footer-social">
						<a href="#"><i class="mo-facebook"></i></a>
						<a href="#"><i class="mo-twitter"></i></a>
						<a href="#"><i class="mo-google-plus"></i></a>
						<a href="#"><i class="mo-pinterest"></i></a>
					</div>
				</div>
				<!-- Footer Widget Address -->
				<div class="footer-widget footer-widget-address col-md-2 col-md-offset-1 col-sm-5 col-sm-offset-2">
					<h3>address</h3>
					<p>1025-1035 Park Ave, <br />New York, <br />NY 10028, USA</p>
					<p>+1 123-456-7890</p>
					<p>sales@koolinc.com</p>
				</div>
				<!-- Footer Widget Collection -->
				<div class="footer-widget footer-widget-collection col-md-2 col-md-offset-1 col-sm-5">
					<h3>collection</h3>
					<ul>
						<li><a href="#">Men</a></li>
						<li><a href="#">Women</a></li>
						<li><a href="#">Kids</a></li>
						<li><a href="#">Accessories</a></li>
						<li><a href="#">Sale</a></li>
						<li><a href="#">Coming Soon</a></li>
					</ul>
				</div>
				<!-- Footer Widget Shop -->
				<div class="footer-widget footer-widget-shop col-md-2 col-md-offset-1 col-sm-5 col-sm-offset-2">
					<h3>shop</h3>
					<ul>
						<li><a href="single-page.html">About Us</a></li>
						<li><a href="single-page.html">Shipping Methods</a></li>
						<li><a href="single-page.html">Career</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- Footer Bottom -->
	<div class="footer-bottom">
		<div class="container">
			<div class="row">
				<!-- Footer Copyright -->
				<div class="copyright col-sm-6 text-left"><p>&copy; 2016 <a href="#">wilylab</a>. All Rights Reserved</p></div>
				<!-- Footer Payment -->
				<div class="payment col-sm-6 text-right"><img src="img/payment.png" alt="payment" /></div>
			</div>
		</div>
	</div>
</div>
<!-- Quick View
============================================ -->
<div id="quick-view" class="modal fade">
	<div class="modal-container container">
		<div class="row">
			<div class="col-sm-12">
				<button class="model-close" data-dismiss="modal"><i class="mo-cross"></i></button>
				<!-- Product Container -->
				<div class="pro-info-container fix">
					<!-- Product Info -->
					<div class="product-info col-md-6">
						<!-- Product Info Cat -->
						<div class="pro-info-cat"><p>Leather Shoe</p></div>
						<!-- Product Info Title Ratting -->
						<div class="pro-title-rating fix">
							<h2>Buttero Casual</h2>
							<div class="ratting pro-info-ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
							</div>
						</div>
						<!-- Product Info Tab List -->
						<ul class="pro-info-tab-list">
							<li class="active"><a href="#description" data-toggle="tab">Description</a></li>
							<li><a href="#tags" data-toggle="tab">Tags</a></li>
							<li><a href="#reviews" data-toggle="tab">Reviews</a></li>
						</ul>
						<!-- Product Info Tab container -->
						<div class="pro-info-tab-container tab-content fix">
							<!-- Product Info Tab -->
							<div class="pro-info-tab tab-pane active" id="description">
								<p>These city boots won't let you down when it comes to comfort and practicality. Look manly and trendy on the daily in these versatile lace-up boots.</p>
								<ul>
									<li>Polished Leather</li>
									<li>Lace-up boot</li>
									<li>Round toe</li>
									<li>Felt lining</li>
								</ul>
								<div class="pro-color-size fix">
									<div class="pro-color">
										<h4>Colors:</h4>
										<ul>
											<li><a href="#">color 1</a></li>
											<li><a href="#">color 2</a></li>
											<li><a href="#">color 3</a></li>
											<li><a href="#">color 4</a></li>
										</ul>
									</div>
									<div class="pro-size">
										<h4>Sizes:</h4>
										<ul>
											<li><a href="#">38</a></li>
											<li><a href="#">39</a></li>
											<li><a href="#">40</a></li>
											<li><a href="#">41</a></li>
											<li><a href="#">42</a></li>
										</ul>
									</div>
								</div>
								<div class="pro-info-price fix">
									<h1 class="new">$ 259.00</h1>
									<h3 class="old">$ 380.00</h3>
								</div>
								<div class="pro-info-quantity-cart fix">
									<div class="pro-info-quantity float-left fix">
										<h3>Quantity</h3>
										<div class="cart-plus-minus float-left fix">
											<input type="text" value="0" name="qtybutton" class="cart-plus-minus-box">
										</div>
									</div>
									<button class="pro-info-addcart"><i class="mo-cart"></i>Add to Cart</button>
								</div>
							</div>
							<!-- Product Tag Tab -->
							<div class="pro-tag-tab tab-pane" id="tags">
								<div class="pro-tag-wrapper">
									<a href="#">Leather Shoe</a>
									<a href="#">Shoe</a>
									<a href="#">Men</a>
								</div>
							</div>
							<!-- Product Review Tab -->
							<div class="pro-review-tab tab-pane" id="reviews">
								<div class="pro-review-container">
									<div class="sin-pro-review">
										<div class="rev-image float-left">
											<img src="img/comments/1.png" alt="" />
										</div>
										<div class="rev-content fix">
											<div class="rev-head">
												<h3>Mingel Hoops</h3>
												<span>December 28, 2015 at 3:20 pm</span>
												<div class="ratting pro-rev-ratting float-right">
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
												</div>
											</div>
											<p>Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.</p>
										</div>
									</div>
									<div class="sin-pro-review">
										<div class="rev-image float-left">
											<img src="img/comments/2.png" alt="" />
										</div>
										<div class="rev-content fix">
											<div class="rev-head">
												<h3>Mingel Hoops</h3>
												<span>December 28, 2015 at 3:20 pm</span>
												<div class="ratting pro-rev-ratting float-right">
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
													<i class="mo-star star active"></i>
												</div>
											</div>
											<p>Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.</p>
										</div>
									</div>
								</div>
								<div class="pro-rev-form fix">
									<h2>Add your review</h2>
									<form action="#" id="rev-form" class="moon-form">
										<div class="input-box input-box-2">
											<input type="text" placeholder="Name">
										</div>
										<div class="input-box input-box-2">
											<input type="text" placeholder="Email">
										</div>
										<div class="form-ratting">
											<button class="form-sin-ratting float-left">
												<i class="mo-star"></i>
											</button>
											<button class="form-sin-ratting float-left">
												<i class="mo-star"></i>
												<i class="mo-star"></i>
											</button>
											<button class="form-sin-ratting float-left">
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
											</button>
											<button class="form-sin-ratting float-left">
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
											</button>
											<button class="form-sin-ratting float-left">
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
												<i class="mo-star"></i>
											</button>
										</div>
										<div class="input-box">
											<textarea name="review" id="rev-message" placeholder="Message" rows="5"></textarea>
										</div>
										<div class="input-box">
											<input type="submit" value="Submit">
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Image -->
					<div class="product-image col-md-6">
						<!-- Product Image Tab container -->
						<div class="pro-image-tab-container tab-content fix">
							<!-- Product Image Tab -->
							<div class="pro-image-tab tab-pane" id="image-1">
								<img src="img/pro-details/big-1.jpg" alt="" />
							</div>
							<div class="pro-image-tab tab-pane active" id="image-2">
								<img src="img/pro-details/big-2.jpg" alt="" />
							</div>
							<div class="pro-image-tab tab-pane" id="image-3">
								<img src="img/pro-details/big-3.jpg" alt="" />
							</div>
							<div class="pro-image-tab tab-pane" id="image-4">
								<img src="img/pro-details/big-4.jpg" alt="" />
							</div>
						</div>
						<!-- Product Image Tab List -->
						<ul class="pro-image-tab-list">
							<li><a href="#image-1" data-toggle="tab"><img src="img/pro-details/1.jpg" alt="" /></a></li>
							<li class="active"><a href="#image-2" data-toggle="tab"><img src="img/pro-details/2.jpg" alt="" /></a></li>
							<li><a href="#image-3" data-toggle="tab"><img src="img/pro-details/3.jpg" alt="" /></a></li>
							<li><a href="#image-4" data-toggle="tab"><img src="img/pro-details/4.jpg" alt="" /></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- jQuery 1.12.0
============================================ -->
<script src="js/vendor/jquery-1.12.3.min.js"></script>
<!-- Bootstrap JS
============================================ -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MeanMenu JS
============================================ -->
<script type="text/javascript" src="js/jquery.meanmenu.min.js"></script>
<!-- Slick Carousel JS
============================================ -->
<script type="text/javascript" src="js/slick.min.js"></script>
<!-- RS-Plugin JS
============================================ -->
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.tools.min.js"></script>   
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="lib/rs-plugin/rs.home.js"></script>
<!-- Scrollup JS
============================================ -->
<script type="text/javascript" src="js/jquery.scrollup.min.js"></script>
<!-- jQuery UI JS
============================================ -->
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<!-- Tree View JS
============================================ -->
<script type="text/javascript" src="js/jquery.treeview.js"></script>
<!-- Nice Scroll JS
============================================ -->
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<!-- WOW JS
============================================ -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- Google Map APi
============================================ -->
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBuU_0_uLMnFM-2oWod_fzC0atPZj7dHlU"></script> -->
<script>
	new WOW().init();
</script>
<!-- Main JS
============================================ -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>